@import url('./lib/jquery.jgrowl.min.css');

.top-right.jGrowl{
    width: 100%;
    height: 100%;
    background: rgba(14, 14, 14, 0.4);
    z-index: 4500;
}
.jGrowl-notification {
    width: 100%;
    height: 100%;
    background-color: transparent !important;
}

.af-message-success,
.af-message-error { 
    position: absolute;
    width: 60.5%;
	height: auto;
	background-color: #fff !important;
    background-image: url("../../../css/img/icon-plus6.svg");
    background-repeat: no-repeat;
    background-position: center top 60px;
    background-size: 200px;
	left: 50%;
	top: 50%;
    transform: translate(-50%, -50%);
	border-radius: 18px;
	color: #141414 !important;
	padding: 300px 60px 60px; 
    margin: 0;
}
.af-message-error { 
    background-image: url("../../../css/img/icon-plus7.svg");
}

@media screen and (max-width: 1070px) {
    .af-message-success,
    .af-message-error { 
        width: 100%;
        max-width: 648px;
    }
}

@media screen and (max-width: 648px) {
    .af-message-success,
    .af-message-error { 
        border-radius: 18px 18px 0 0;
        top: auto;
        bottom: 0;
        transform: translate(-50%, 0);
    }
}

.af-message-success h2,
.af-message-error h2 {
    color: #141414 !important;
    font-size: 46px;
    margin-bottom: 18px;
    text-align: center;
}

.af-message-success p,
.af-message-error p {
    font-size: 24px;
    margin-right: 0;
    text-align: center;
}

.af-message-success a,
.af-message-error a {
    color: #141414;
    white-space: nowrap;
}

@media screen and (max-width: 1280px) {
    .af-message-success h2,
    .af-message-error h2 {
        font-size: 40px;
    }
    
    .af-message-success p,
    .af-message-error p {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .af-message-success h2,
    .af-message-error h2 {
        font-size: 44px;
    }
}

@media screen and (max-width: 480px) {
    .af-message-success,
    .af-message-error {
        background-size: 160px;
        padding: 230px 20px 60px;
    }
    .af-message-success h2,
    .af-message-error h2 {
        font-size: 36px;
    }
    
    .af-message-success p,
    .af-message-error p {
        font-size: 20px;
    }
}

.jGrowl-notification .jGrowl-close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 0;
    background: url("../../../css/img/icon-menu5.svg") 0 0 no-repeat;
    background-size: contain;
}

.af-message-info { background-color: black !important; }
.ajax_form.af_example {
    width: 100%;
}
.ajax_form.af_example .controls input,
.ajax_form.af_example .controls textarea {
    width: 100%;
}
.ajax_form .error {
    color: brown;
}
@media screen and (min-width: 320px) {
    .ajax_form.af_example .controls button[type="submit"] {
        float: right;
    }
}
@media screen and (max-width: 320px) {
    .ajax_form.af_example .controls button {
        width: 100%;
        margin-top: 5px;
    }
}